<view wx:if="{{!combine}}">
    <view bind:touchend="touchEnd" bind:touchmove="touchMove" bind:touchstart="touchStart" class="container" id="container">
        <image class="bg" src="{{bgPic}}"></image>
        <icon class="handle" color="green" id="handle" style="top:{{handleCenterY-10+'px'}};left:{{handleCenterX-10+'px'}}" type="waiting"></icon>
        <image class="hat" id="hat" src="/image/{{currentHatId}}.png" style="top:{{hatCenterY-hatSize/2-2+'px'}};left:{{hatCenterX-hatSize/2-2+'px'}};transform:rotate({{rotate+'deg'}}) scale({{scale}})"></image>
    </view>
    <view class="flex flex-direction" style="padding-top:10rpx;padding-left:30rpx;padding-right:30rpx">
        <button bind:tap="combinePic" class="cu-btn bg-cyan shadow lg round">确定</button>
    </view>
    <view class="emotion-page">
        <view bind:tap="chooseImg" class="emotion-box" data-hat-id="{{imgList[index]}}" wx:for="{{imgList}}">
            <image lazyLoad="true" mode="widthFix" src="/image/{{imgList[index]}}.png"></image>
            <view class="img-wrap"></view>
        </view>
    </view>
</view>
